iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 20
1
自我挑戰組

關於我的佛系SCSS開發系列 第 20

鐵人賽20天snipet

  • 分享至 

  • xImage
  •  

今天是連假後第一天上班,來講點比較輕鬆主題,休了四天感覺無感默默期待這次連假

今天要說明的主題跟scss完全沒啥關係,不過奇怪為啥要講今天這個主題,主要跟我們後續有些在使用習慣上會有更加便利的方式使用,要講的是在vscode怎樣產生出來我們所需要的快速鍵,而這個設計對後面幾天,要講的主題有相關的關聯,今天我們就來講吧

snippet-generator

我比較習慣利用這個線上編譯產生snipet,我們就直接來看這個網站使用方式

https://ithelp.ithome.com.tw/upload/images/20201005/20129692gBScOP3wpM.jpg

左上框框,是這個快速鍵的描述,右邊框框是快速鍵輸入就可以產生我們所需要的快速鍵,下面是我們要產生出來的內容,
https://ithelp.ithome.com.tw/upload/images/20201005/20129692RZmLFgNQYS.png

在vscode左下角點選齒輪的選項,選擇Usersnipet,會有許多選項這時候我們要選擇使用scss,把我們剛剛的內容直接貼在裡面保存就可以使用囉,之後我們只要在scss檔案裏面輸入var就會出現提示,以上只是簡單帶過怎樣大概怎樣使用,如果比較詳細設定或是其他的設定方式,下面有提供有一些網站可以去參考一下,其他的設定的方式

參考1
參考2


上一篇
鐵人賽19天Operators
下一篇
鐵人賽21天mixin-斷點設定
系列文
關於我的佛系SCSS開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言